<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>扭曲时间轴</title>
    <style>
        canvas {
            display: block;
            position: absolute;
            top: 0; right: 0; bottom: 0; left: 0;
        }
    </style>
    <script src="../../RequestAnimationFrame.js"></script>
    <script src="../../stats.min.js"></script>
    <script src="../Sprite/sprite-2.0.js"></script>
</head>
<body>
    <div style="position: absolute; z-index: 100; top: 100px; left: 100px;">
        <div><input name="ease" type="radio" id="linear"><label for="linear">Linear</label></div>
        <div><input name="ease" type="radio" id="easein"><label for="easein">Ease In</label></div>
        <div><input name="ease" type="radio" id="easeout"><label for="easeout">Ease Out</label></div>
        <div><input name="ease" type="radio" id="easeinout"><label for="easeinout">Ease In/Out</label></div>
        <div><input name="ease" type="radio" id="elastic"><label for="elastic">Elastic</label></div>
        <div><input name="ease" type="radio" id="bounce"><label for="bounce">Bounce</label></div>
    </div>
    <canvas id="c"></canvas>
<script src="./timeAxis.js"></script>
</body>
</html>